*{
  margin:0;
  padding:0
}
.cart{
  position: relative;
  top:1.5rem;
  font-size: .2rem;
}
#app{
  position: relative;
  left:.8rem;
}
.left{
    display: block;
    float: left;
    margin-top:.2rem;
    width: 1rem;
    height: 1rem;
    background: red
  }
  .right{
    display: block;
    background: green
  }
  .numbers{
    width: 40%;
    height:.3rem;
    border:1px solid rgb(107, 36, 102);
    border-radius: .1rem;
    outline: 0
  }
  .btn{
    width:.3rem;
    height:.3rem;
    position: relative;
    top:.05rem;
    font-size: .3rem;
    cursor: pointer;
  }
  .btn-danger{
    font-size: .2rem;
  }
  .total{
    position: relative;
    right:1rem;
    span{
      margin-left:.5rem;
    }
    .button{
      width:1.2rem;
      height:.5rem;
      line-height: .5rem;
      background: rgb(107, 36, 102);
      position: relative;
      left:1rem;
      border-radius: .1rem;
      border:none;
      cursor: pointer;
      font-size: .22rem;
      color:white;
      outline: 0
    }
  }
  .table{
    width:90%;
  }
  tr{
    width: 90%;
    height: .6rem;
    // background: red;
    td{
      width:20%
    }
    td:nth-child(1){
      width:10%
    }
    td:nth-child(2){
      width:28%
    }
    td:nth-child(3){
      width:8%
    }
    td:nth-child(4){
      width:22%
    }
    td:nth-child(5){
      width:12%
    }
    td:nth-child(6){
      width:10%;
    }
  }
